<template>
  <div>
    <div class="foot">
      <div class="centain">
        <div class="floor1">
          <div class="floor1_cont">
            <ul>
              <li>
                <h1>婚庆服务</h1>
              </li>
              <li><a href="">婚宴酒店</a> <a href="">旅拍精选</a></li>
              <li><a href="">婚礼策划</a> <a href="">婚纱摄影</a></li>
              <li><a href="">婚礼司仪</a> <a href="">婚纱礼服</a></li>
              <li><a href="">婚礼摄影</a> <a href="">婚礼跟拍</a></li>
              <li><a href="">婚礼跟妆</a> <a href="">婚车租赁</a></li>
            </ul>
            <ul>
              <li>
                <h1>婚品采购</h1>
              </li>
              <li><a href="">新娘礼服</a> <a href="">婚房布置</a></li>
              <li><a href="">喜糖请柬</a> <a href="">鞋包内衣</a></li>
              <li><a href="">迎请堵门</a> <a href="">嫁妆购置</a></li>
              <li><a href="">新郎穿搭</a> <a href="">婚宴现场</a></li>
              <li><a href="">新娘美护</a></li>
            </ul>
            <ul>
              <li>
                <h1>社区·攻略</h1>
              </li>
              <li>
                <a href="">新娘说</a>&nbsp; &nbsp;&nbsp;<a href="">婚纱问答</a>
              </li>
              <li><a href="">婚前事宜</a> <a href="">拍摄婚纱</a></li>
              <li><a href="">婚庆防坑</a> <a href="">婚礼布置</a></li>
              <li><a href="">新郎新娘</a> <a href="">结婚邀请</a></li>
              <li><a href="">结婚用品</a> <a href="">婚礼时光</a></li>
            </ul>
            <ul>
              <li>
                <h1>结婚工具</h1>
              </li>
              <li><a href="">电子请帖</a></li>
              <li><a href="">婚礼MV</a></li>
              <li><a href="">结婚吉日</a></li>
              <li><a href="">结婚登记处</a></li>
            </ul>
            <ul>
              <li>
                <h1>关于我们</h1>
              </li>
              <li><a href="">品牌介绍</a></li>
              <li><a href="">联系我们</a></li>
              <li><a href="">加盟商招募</a></li>
              <li><a href="">商家中心</a></li>
            </ul>
          </div>
        </div>
        <div class="floor2">
          <p>
            <span
              >浙ICP备1300****号 © 杭州***有限公司浙公安备案号：3301****</span
            >
            <img
              src="https://qnm.hunliji.com/o_1dhq85ohj1f4h19s113v14vp1rie9.png"
              alt=""
            />
          </p>
          <p>
            <span>通讯地址: 安徽省合肥市环球金融中心B座 </span>
            <span class="end">联系电话: 0551-40048***</span>
          </p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.centain {
  width: 100%;
}

.floor1 {
  width: 100%;
  overflow: hidden;
  /* padding-top: 50px; */
  /* display: flex;
      justify-content: center; */
  background-color: #222222;
}
.floor1_cont {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
.floor1_cont > ul {
  margin: 20px 15px 0;
  white-space: nowrap;
  color: #fff;
  margin: 0 100px;
}

.floor1_cont > ul li {
  display: block;
  margin-bottom: 10px;
}

.floor1_cont > ul h1 {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
}

.floor1_cont > ul a {
  font-size: 13px;
  color: #cccccc;
}
.floor1_cont > ul a:hover {
  text-decoration: underline;
}

.centain > .floor2 {
  width: 100%;
  background-color: #1a1a1a;
  text-align: center;
  color: #fff;
  padding: 30px 0;
  font-size: 10px;
}

.centain > .floor2 img {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}

.centain > .floor2 p {
  color: #cccccc;
}

.centain > .floor2 p:last-child {
  display: block;
  padding-top: 10px;
}

.centain > .floor2 p .end {
  margin: 0 20px;
}
</style>
